<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>金天国际</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

  <!-- <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/swiper.min.css"> -->
  <!-- <link rel="stylesheet" href="../../css/animate.css"> -->
  <!-- <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm-extend.min.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/common.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/Home/classroomDetail.css"> -->
  <link rel="stylesheet" href="../../css/sm.min.css">
  <link rel="stylesheet" href="../../css/sm-extend.min.css">
  <script type="text/javascript" src="../../common/common.js"></script>
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/Home/classroomDetail.css">
</head>

<body>
  <div class="page-group">
    <div class="page">
      <!-- 推荐页面 -->
      <!-- 标题栏 -->
      <header id="headers" class="bar bar-nav">
        <div class="bar-box">
          <div class="bar-left">
            <img src="../../../img/home/back.png" alt="">
          </div>
          <div class="search-input searchs">
            <!-- <label class="icon icon-search" for="search"></label>
            <input type="search" id="search" placeholder="输入关键字..." /> -->
          </div>
          <div class="bar-right">
            <!-- <img src="../../img/home/position.png" alt="">
            <a href="#" id="search-cancel">提问</a> -->
          </div>
        </div>
      </header>

      <!-- 工具栏 -->
      <nav class="bar bar-tab nav-box">
        <div class="search-input">
          <input type="search" id="search" placeholder="我来说一句" />
        </div>
        <div class="icon-box keep">
          <strong class="icons-keep"></strong>
          <span>收藏</span>
        </div>
        <div class="icon-box share">
          <strong class="icons-share"></strong>
          <span>分享</span>
        </div>
      </nav>

      <!-- 这里是页面内容区 -->
      <div class="content classroomDetail pull-to-refresh-content infinite-scroll infinite-scroll-bottom" data-ptr-distance="50" data-distance="50">

        <!-- 默认的下拉刷新层 -->
        <div class="pull-to-refresh-layer">
          <div class="preloader"></div>
          <div class="pull-to-refresh-arrow"></div>
        </div>

        <div class="container">
          <h3>标题标题标题标题标题标题标题标题</h3>
          <section class="classroom-header">
            <div class="content-box">
              <div class="content-img">
                <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                  alt="">
              </div>
              <div class="content-inner">
                <div class="content-title-row">
                  <div class="content-title">
                    <span>姓名</span>
                    <span class="tag">国医圣手</span>
                  </div>
                  <div class="content-after">
                    <a href="#" class="button button-fill">关注</a>
                  </div>
                </div>
                <div class="content-subtitle">2018.11.13</div>
              </div>
            </div>
            <div class="orther-content-box">
              <span>点赞1225</span>
              <span>评论188</span>
              <span>阅读量1111</span>
            </div>
          </section>
        </div>

        <div id="content-container" style="width: 100%;height:100%; position: relative;">
          <iframe
            id="iframecontent"
            name="iframecontent"
            width="100%"
            height="100%"
            src="http://pw.720wan.com/op/previewBook/book?bookId=de599de8-256f-4e9b-8c66-88ac32c6a732&catalogId=1706248f-a953-4eab-8fa0-5cef6fe37c87&s=02_pzY3e0buAAku5SQVRx_T2uh2JZhRi"
            frameborder="0">
          </iframe>
        </div>
        <p class="zan">
          <span class="zan-icons">赞</span>
        </p>


        <div class="recommend-container">
          <div class="recommend-title">为你推荐</div>
          <div class="list-block media-list">
            <ul class="list-container">
              <li>
                <a href="#" class="item-content card_box__content flex-postiton">
                  <div class="item-media">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      style="width: 4rem;">
                  </div>
                  <div class="item-inner">
                    <div class="item-title-row">
                      <div class="item-title">大标题</div>
                      <div class="item-after"></div>
                    </div>
                    <div class="item-text">此处是文本内容...</div>
                    <div class="item-subtitle card_box__content_subtile">
                      <span>2018.11.05</span>
                      <span>赞25</span>
                      <span>观看人数125</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="item-content card_box__content flex-postiton">
                  <div class="item-media">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      style="width: 4rem;">
                  </div>
                  <div class="item-inner">
                    <div class="item-title-row">
                      <div class="item-title">大标题</div>
                      <div class="item-after"></div>
                    </div>
                    <div class="item-text">此处是文本内容...</div>
                    <div class="item-subtitle card_box__content_subtile">
                      <span>2018.11.05</span>
                      <span>赞25</span>
                      <span>观看人数125</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="item-content card_box__content">
                  <div class="item-media">
                    <!-- <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                            style="width: 4rem;"> -->
                  </div>
                  <div class="item-inner no-img">
                    <div class="item-title-row">
                      <div class="item-title">大标题</div>
                      <div class="item-after"></div>
                    </div>
                    <div class="item-text">内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容内容简介</div>
                    <div class="item-subtitle">
                      <span>2018.11.05</span>
                      <span>赞25</span>
                      <span>观看人数125</span>
                    </div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="comment">
          <div class="comment-title">
            <p><span>评论</span><span class="num">（188）</span></p>
            <a id="allcomment" href="#"><span>全部评论</span><span class="icon icon-right"></span></a>
          </div>
          <div class="comment-container">
            <div class="card comment-card">
              <div class="card-header no-border comment-header">
                <div class="avatar">
                  <img src="../../img/home/default_avatar.png" alt="">
                </div>
                <div class="comment-name">用户昵称</div>
              </div>
              <div class="card-content no-border">
                <div class="card-content-inner">评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示</div>
              </div>
              <div class="card-footer no-border commet-footer">
                <span>2018-11-15</span>
                <span>赞34</span>
                <span>评论564</span>
              </div>
            </div>
            <div class="card comment-card">
              <div class="card-header no-border comment-header">
                <div class="avatar">
                  <img src="../../img/home/default_avatar.png" alt="">
                </div>
                <div class="comment-name">用户昵称</div>
              </div>
              <div class="card-content no-border">
                <div class="card-content-inner">评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示</div>
              </div>
              <div class="card-footer no-border commet-footer">
                <span>2018-11-15</span>
                <span>赞34</span>
                <span>评论564</span>
              </div>
            </div>
            <div class="card comment-card">
              <div class="card-header no-border comment-header">
                <div class="avatar">
                  <img src="../../img/home/default_avatar.png" alt="">
                </div>
                <div class="comment-name">用户昵称</div>
              </div>
              <div class="card-content no-border">
                <div class="card-content-inner">评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示</div>
              </div>
              <div class="card-footer no-border commet-footer">
                <span>2018-11-15</span>
                <span>赞34</span>
                <span>评论564</span>
              </div>
            </div>
            <div class="card comment-card">
              <div class="card-header no-border comment-header">
                <div class="avatar">
                  <img src="../../img/home/default_avatar.png" alt="">
                </div>
                <div class="comment-name">用户昵称</div>
              </div>
              <div class="card-content no-border">
                <div class="card-content-inner">评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示</div>
              </div>
              <div class="card-footer no-border commet-footer">
                <span>2018-11-15</span>
                <span>赞34</span>
                <span>评论564</span>
              </div>
            </div>
            <div class="card comment-card">
              <div class="card-header no-border comment-header">
                <div class="avatar">
                  <img src="../../img/home/default_avatar.png" alt="">
                </div>
                <div class="comment-name">用户昵称</div>
              </div>
              <div class="card-content no-border">
                <div class="card-content-inner">评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示评价内容展示</div>
              </div>
              <div class="card-footer no-border commet-footer">
                <span>2018-11-15</span>
                <span>赞34</span>
                <span>评论564</span>
              </div>
            </div>
          </div>

        </div>
        <!-- 加载提示符 -->
        <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div>
        
      </div>


      <div class="top top_fixed">
        <a id="tops" href="#">回顶部</a>
      </div>
    </div>
  </div>
  <!-- !-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
  <!-- 这一行代码是为了 避免js冲突 -->
  <script type="text/javascript">
    var $$ = jQuery.noConflict();
  </script>

  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/zepto/zepto.min.js"
    charset="utf-8"></script>
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm.min.js"
    charset="utf-8"></script>
  <!-- <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm-extend.min.js" charset="utf-8"></script> -->
  <!-- <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/swiper/swiper.min.js"></script> -->
  <!-- <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/Home/classroomDetail.js"></script> -->
  <script src="../../js/Home/classroomDetail.js"></script>
  <script type="text/javascript">
    //放函数区域
  </script>
</body>

</html>